@import "variables.less";
@import "layout.less";
@import "index.less";
@import "login.less";
@import "toast.less";
@import "member.less";
@import "mixins.less";
@import "icons.less";


// 加载
.load-ico{
  width:32px;
  height:32px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-16px;
  margin-top:-16px;
}

/*左右浮动*/
.fl{float:left;}
.fr{float:right;}
/**清除浮动**/
.clearFix:before, .clearFix:after {
  display: table;
  content: "";
}
.clearFix:after { clear: both; }
.clearFix { *zoom: 1; }


.bar{
  border-bottom: none;
  .btn-link{
    color:@col-fff;
    outline:none;
  }
  .btn-link:active{color:@col-fff;}
}

//md-icon,.icon{font-family:@font-family-ico;}

.home-history-btns{
  position:fixed;
  top:180px;
   a{
     display: block;
     position: relative;
     width: @nav-btn-width;
     height: @nav-btn-width;
     border-radius: 100%;
     background-color: rgba(0,0,0,.2);
     text-align: center;
     line-height: @nav-btn-width;
      span{
        display: inline-block;
        position: absolute;
        top:50%;
        left:50%;
        margin-left: -11px;
        margin-top: -11px;
        width: 22px;
        height: 20px;
      }

   }
   a.home-btn{
      span{
        background: url("../images/icons_01.png") no-repeat 0 0;
        background-size: @bg-size;
      }
   }
   a.history-btn{
     margin-top: 10px;
      span{
        background: url("../images/icons_01.png") no-repeat -24px 0;
        background-size: @bg-size;
      }
   }
   a.home-btn:active{
      background-color: rgba(0,0,0,.4);
       span{
         background: url("../images/icons_01.png") no-repeat 0 -24px;
         background-size: @bg-size;
       }
   }
   a.history-btn:active{
     background-color: rgba(0,0,0,.4);
     span{
       background: url("../images/icons_01.png") no-repeat -24px -24px;
       background-size: @bg-size;
     }
   }
}


.border-top-left{.borderTopLeft();}
.border-top-right{.borderTopRight();}
.border-bottom-left{.borderBottomLeft();}
.border-bottom-right{.borderBottomRight();}


// 轮播
@pointColor:#ac938a;
@currentPointColor:#fff;

.swipe {
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  position: relative;
  .swipe-wrap {
    overflow: hidden;
    position: relative;
    div{
      float:left;
      width:100%;
      position: relative;
    }
  }
  .cur{
    position: absolute;
    height:20px;
    right:@right-px*10;
    bottom:@bottom-px*16;
    span{
      display: inline-block;
      width: 8px;
      height:8px;
      border-radius: 100%;
      margin-left: 5px;
      background-color: @pointColor;
    }
    span.current{
      background-color: @currentPointColor;
    }
  }
}

html
{
  font-size:16px;
  font-family:"微软雅黑","Helvetica Neue",RobotoDraft,Roboto,sans-serif !important; 
}
body{
  overflow: auto;
}


.disabled{
  cursor: not-allowed;
  pointer-events: none; // Future-proof disabling of clicks
  opacity:.9;
}

.btn
{
  cursor: pointer;
  padding:0.8rem;
}
a.btn
{
  display: block;
}
a{
    text-decoration:none;
}
.nav-btn
{
  color:white;
}

.padding-xxl
{
  padding:1.6rem;
}

.padding-tb
{
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.padding-lr {
  padding:  0 0.8rem;
}

.md-button
{
  padding:0.8rem;
  a&
  {
    display: block;
  }
}

md-footer
{
  position: absolute;
  left:0;
  right:0;
  bottom:0;
}

.md-black.md-button
{
  background: #000;
  color:white;
  opacity: 0.8;
  &:hover
  {
     opacity:1;
  }
}

.md-button
{
  display: block;
  &.btn-xl
  {
  font-size: 1.2em;
  padding: 1rem;
  }
  &.btn-l
  {
    font-size: 1.1em;
    padding: 0.8rem;
  }
}

.btn-link
{
  cursor: pointer;
  &:hover, &:active
  {
    background-color: #eee;
  }
}

.xl-text
{
  font-size:1.2em;
}

.ld5-text
{
  font-size:1.5em;
}

.l2-text
{
  font-size:2em;
  line-height:1.5em;
}

.l3-text
{
  font-size:3em;
}

.l4-text
{
  font-size:4em;
}


.v-gap
{
  >div
  {
    &:first-child
    {
      margin-top: 0;
    }
    margin-top: 0.4rem;
  }
}


.h-gap
{
  >div
  {
    &:first-child
    {
      margin-left: 0;
    }
    margin-left: 0.4rem;
  }
}

@media all and (max-width:600px)
{
  .home-history-btns
  {
    display: none;
  }
}

//icon{
//  font-family: @font-family-ico;
//}

.icon-exl
{
  line-height: 78px;
  font-size: 50px;

  img&
  {
    width: 78px;
    height: 78px;
  }
}

.circle
{
  border-radius: 100%;
}

.s-text
{
  font-size: 0.8em;
}
.xs-text
{
  font-size: 0.7em;
}

.light
{
  opacity: 0.8;
}

.x-light
{
  opacity: 0.5;
}

.white
{
  color:white;
}

.bgcolor-white {
  background-color: white !important;
}

.md-input-container .md-char-counter, md-input-container [data-ng-message], md-input-container [ng-message], md-input-container [x-ng-message], md-input-container data-ng-message, md-input-container ng-message, md-input-container x-ng-message
{
  color:#888;
}

.padding
{
  padding:0.8rem;
}
.bd-top
{
  border-top: solid 1px #eee;
}
.bd-bottom
{
  border-bottom: solid 1px #eee;
}

md-list
{
  md-item-content
  {
    padding:0.4rem;
  }
  .md-tile-left,.md-tile-content
  {
    padding:0.4rem;
  }

  .md-tile-content
  {
    h3{
    font-size: 1.2em;
    }
  }
  .md-tile-left
  {
    margin-right: 6px;
    icon,.icon, md-icon
    {
      font-size: 1.4em;
    }
    img.icon, md-icon
    {
      width: 1.4em;
      max-height: 1.4em;
    }
  }
}
md-list.tile-img-list
{
    .md-tile-left
    {
      padding:0;
      padding-left: 0.4rem;
      opacity: 1 !important;
      img, .tile-img
      {
        width: 56px;
        max-height: 56px;
      }
    }
    .md-tile-content
    {
      padding-top: 0;
      padding-bottom: 0;
    }
}

md-list.icon-list
{
  .md-tile-left
  {
    opacity: 0.7;
    icon, md-icon
    {
      margin-right: 0.4rem;
    }
  }
}

md-list.bar-list
{
  md-item-content
  {
    border-bottom: solid 1px #eee;
  }
}

.detail-sheet
{
  section{padding:0.8rem;}

  .data-item
  {
    margin: 0.4rem 0;
    label
    {
      min-width: 30%;
      opacity: 0.7;
    }
    .data-content
    {

    }
  }
}

.data-sheet,  .data-sheet.md-content
{
  background-color: #eee !important;
  .sheet-body
  {
    background-color: #eee;
  }
  .section-header {padding:0.8rem;}
  .section-header {color:#777;}
  section
  {
    background: white;
    margin-top: 0.6rem;

    .md-tile-left
    {
      opacity: 0.6;
    }
    .md-tile-content
    {
      text-align: right;
    }
    md-item-content
    {
      border-bottom:solid 1px #e8e8e8;
    }
  }
}

.color-warning
{
  color:@color-warning;
}

.bg-darkcolor{background-color:@col-222;}

.data-loading
{
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 100%;
}

.noshrink
{
  .shrink(0) !important;
}